<template>
  <div class="nav-box">
    <div>
      <van-icon name="location-o" /><span>TOPSPORTS滔搏旗舰店</span
      ><span>></span>
    </div>
    <van-dropdown-menu dropdown-menu-box-shadow="0">
      <van-dropdown-item title="详情" ref="item">
          <div class="dropdown">
        <img src="../../public/imgs/IMG_7185_03.jpg" style="width:.73rem;height:.73rem;margin-top:.24rem;">
        <div>
        <p class="dianji">点击<span class="baocun">保存</span>二维码到本地相册</p>
        <p>并在微信中进行扫码，添加店铺客服微信</p></div></div>
      </van-dropdown-item>
    </van-dropdown-menu>
  </div>
</template>

<script>
export default {
  name: "Navmendian",
  data() {
    return {
      value: 0,
    };
  },
  methods: {
    onConfirm() {
      this.$refs.item.toggle();
    },
  },
};
</script>

<style scoped>
.nav-box {
  width: 100%;
  height: 0.47rem;
  line-height: 0.47rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #FFFFFF;
}
.dropdown{
    display: flex;
    justify-content: space-evenly;
}
.dropdown p{
    font-size: .14rem;
}
.dropdown .baocun{
    height: .2rem;
    border: 1px solid black;
}
.dianji{
    margin-top: .2rem;
}
.van-dropdown-menu__bar{
    box-shadow: 0 !important;
}
</style>
